Internet Explorer 4.0以降には、「filter:shadow()」というフィルタが用意されています。このフィルタを利用すると、カッコ内に影の色や方向を指定するだけで文字や画像などに影を付けられます。影の色は、「color=#FF4444」のようにRGBの16進数で指定します。また、影の方向は「direction=135」のように角度で指定します。角度は上方向を基準（direction=0）とし、時計回りに1周を360度で指定します。たとえば、「direction=90」で右方向の影、「direction=180」で下方向の影、「direction=270」で左方向の影となります。なお、「DIV」タグに「filter:shadow()」を指定するときは、widthやheightでブロック化する範囲の幅や高さを指定しておく必要があります。 <DIV align="center"      style="width:350; height:310;           border-style:solid; border-width:2;           filter:shadow(color=#FF4444,direction=135)"      ・      ・    （文字や画像など）      ・      ・ </DIV>

「filter:shadow()」は、Internet Explorer 4.0以降専用のフィルタとなるため、旧バージョンのInternet ExplorerやNetscapeでは、影を表示できません。多くのブラウザで影を表示するには、「DIV」タグを使って文字や画像をレイヤー化し、影と通常の文字や画像を重ねて配置します。ただし、ボケのある影を表示するには、あらかじめ影の画像を作成しておかなければいけません。『どうせ影の画像を作成するのなら、初めから影付きの画像を作成し、「IMG」タグで普通に配置した方が簡単』と考える人もいるでしょう。HTMLがスッキリするという点では、このような考え方も悪くないと思います。状況に合わせて、適切な手法を選択するようにしてください。 <DIV style="position:relative; top:0px; left:0px;      width:350; height:310;      border-style:solid; border-width:2"> <DIV style="position:absolute; top:23px; left:26px; z-index:1;      width:300; height:225; background-color:#FF8888"> </DIV> <IMG src="image1.jpg"      style="position:absolute; top:20px; left:23px; z-index:2"> <DIV align="center"      style="position:absolute; top:262px; left:127px; z-index:3">   <FONT color="#FF8888"><B>京都の紅葉</B></FONT><BR> </DIV> <DIV align="center"      style="position:absolute; top:260px; left:125px; z-index:4">   <B>京都の紅葉</B><BR> </DIV> </DIV>

G�|�C���g�|�C���@Amazon Yahoo �y�V

�����z�[���y�[�W �y�V���o�C��[UNLIMIT��������1�~] �C�O�i���q���� �C�O���s�����������I